<template>
  <!-- 
    属性  事件   方法   插槽  -  组件
   -->
   <Audio :src="src" @start="start" ref="myAudio"></Audio>

   <button @click="pause()">点击暂停</button>

</template>

<script>
import Audio from '@/components/zhishi/component-01.vue'
export default {
  components: {
    Audio
  },
  data () {
    return {
      src: require('./../../assets/media/01.mp3')
    }
  },
  methods: {
    start () {
      console.log('开始播放');
    },
    pause() {
      this.$refs['myAudio'].pause()
    }
  }
}
</script>

<!-- 
  Audio: 
    属性： 
      src  音频源  必填项  string
    事件：
      start  当音乐开始播放的时候，触发此事件 @start
    方法：
      pause  让播放器暂停播放   给组件一个ref, 组件.pause()
 -->
<style>

</style>